﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>无标题文档</title>
  <link href="/css/style.css" rel="stylesheet" type="text/css" />

  <style type="text/css">
    #containerDiv{width: 1200px; margin: auto;}
    #headDiv{height: 88px;background:url(images/topbg.gif) repeat-x;}
    #leftDiv,#rightDiv{float: left;}
    #leftDiv{width: 190px;height: 700px; overflow: hidden;}
    #rightDiv{width: 834px;}
    ul,dl,dt,dd,li{ padding: 0px; margin: 0px;}
  </style>
</head>

<div id="containerDiv">
  <div id="headDiv">
    <div class="topleft">
      <a href="/main.html" target="_parent"><img src="/images/logo.png" title="系统首页" /></a>
    </div>

    <ul class="nav">
      <li><a href="/default.html" target="rightFrame" class="selected"><img src="/images/icon01.png" title="工作台" /><h2>工作台</h2></a></li>
      <li><a href="/imgtable.html" target="rightFrame"><img src="/images/icon02.png" title="模型管理" /><h2>模型管理</h2></a></li>
      <li><a href="/imglist.html"  target="rightFrame"><img src="/images/icon03.png" title="模块设计" /><h2>模块设计</h2></a></li>
      <li><a href="/tools.html"  target="rightFrame"><img src="/images/icon04.png" title="常用工具" /><h2>常用工具</h2></a></li>
      <li><a href="/computer.html" target="rightFrame"><img src="/images/icon05.png" title="文件管理" /><h2>文件管理</h2></a></li>
      <li><a href="/tab.html"  target="rightFrame"><img src="/images/icon06.png" title="系统设置" /><h2>系统设置</h2></a></li>
    </ul>

    <div class="topright">
      <ul>
        <li><span><img src="/images/help.png" title="帮助"  class="helpimg"/></span><a href="#">帮助</a></li>
        <li><a href="#">关于</a></li>
        <li th:if="${loginAdmin !=null}"><a href="/tuichu" target="_parent">退出</a></li>
        <li th:if="${loginAdmin ==null}"><a href="/login.html" target="_parent">登录</a></li>
      </ul>

      <div class="user" th:if="${loginAdmin !=null}">
        <span th:text="${loginAdmin.aName}"></span>
        <i>消息</i>
        <b>5</b>
      </div>

    </div>
  </div>
  <div id="bodyDiv">
    <div id="leftDiv">
      <div class="lefttop"><span></span>通讯录</div>
      <dl class="leftmenu">
        <dd th:each="firstMenu:${firstMenuList}">
          <div class="title">
            <span><img src="/images/leftico02.png" /></span>[(${firstMenu.pername})]
          </div>
          <ul class="menuson">
            <li th:each="secondMenu:${secondMenuMap[firstMenu.id]}"><cite></cite>
              <a th:href="${secondMenu.url}" target="rightFrame">[(${secondMenu.pername})]</a><i></i></li>

          </ul>
        </dd>

      </dl>
    </div>
    <div id="rightDiv">
      <iframe  src="/default.html" name="rightFrame" onload="this.height=ifd.document.body.scrollHeight" frameborder="0" width="1010" height="700"  ></iframe>
    </div>
  </div>
</div>

</body>

</html>
<script language="JavaScript" src="/js/jquery.js"></script>
<script type="text/javascript">
  $(function() {
    //导航切换
    $(".menuson li").click(function () {
      $(".menuson li.active").removeClass("active")
      $(this).addClass("active");
    });

    $('.title').click(function () {
      var $ul = $(this).next('ul');
      $('dd').find('ul').slideUp();
      if ($ul.is(':visible')) {
        $(this).next('ul').slideUp();
      } else {
        $(this).next('ul').slideDown();
      }
    });

    //顶部导航切换
    $(".nav li a").click(function () {
      $(".nav li a.selected").removeClass("selected")
      $(this).addClass("selected");
    })
  })

</script>